﻿<%@ Page Language="C#" MasterPageFile="~/Top.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="StockPoint.Web.Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <!------------------------------------ Center ------------------------------------>
	<div class="stock_layout_center">
        <div class="stock_layout_main">
            <div class="sec_left"> 
            
			    <!--로그인 전-->
				<div class="sec_login" style="display: none">
			        <div class="btn_join">
						<a href="#"><strong>회원가입</strong></a>
						<a href="#">비밀번호찾기</a>
					</div> 
                	<div class="hdiv input_login">
						<input type="text" />
						<input type="password" />
					</div>
					<p class="hdiv btn_login"><input type="image" src="/Images/common/btn_login.gif" alt="로그인" /></p>
					<p class="check"><input class="ip_check" type="checkbox" id="saveid"><label for="saveid">이메일 저장</label></p>  
                </div>
				<!--//로그인 전-->

				<!--로그인 후-->   
				<div class="sec_myinfo">
                    <div class="mylogin" style=" position: relative; height: 26px; padding-top: 16px; line-height: 14px;">
                        <div class="hdiv util_text_break" max-width="100" style="height: 14px; vertical-align: bottom"><a class="nick" href="#">주식입문10년차김수한무거북이</a></div>님
                        <p class="logout_btn"><input type="image" src="/Images/common/btn_logout.gif" class="stock_btn_login" value="로그아웃" /></p>
                    </div>
                    <div class="mypoint" style="height: 35px; line-height: 35px;">보유포인트 : <a href="#"><strong>50,000P</strong></a></div>
                    <div class="myevents" style="height: 35px; line-height: 35px;"><a href="#"><strong>내종목 구독정보</strong> 보러가기</a></div>
                </div>
                <!--//로그인 후--> 
                
                <div class="sec_btn">
                    <a href="#" style="margin: 0px 10px 0 2px;"><img src="/Images/main/main_btn_guide.gif" alt="이용안내" /></a>
                    <a href="#"><img src="/Images/main/main_btn_payguide.gif" alt="결제방법" /></a>                        
                </div>
                
                <!------ 공지사항 ------>
				<div class="sec_notice">
                    <span class="title"><img src="/Images/main/main_txt_title_notice.gif" alt="공지사항" /></span>
                    <a class="more_btn" href="#"><img src="/Images/main/main_btn_more.gif" alt="더보기" /></a>
                    <ul>
                        <li><div class="hdiv util_text_break" max-width="196"><a href="#">스탁포인트와 함께하는 주식공부 주식공부 주식공부</a></div></li>
                        <li><div class="hdiv util_text_break" max-width="196"><a href="#">갱니정보 취급방침 변경안내</a></div></li>
                        <li><div class="hdiv util_text_break" max-width="196"><a href="#">[오픈 이벤트] 유료정보 무료로 즐기기</a></div></li>
                        <li><div class="hdiv util_text_break" max-width="196"><a href="#">스탁포인트와 함께하는 주식공부 주식공부 주식공부</a></div></li>
                    </ul>
                </div>   
                <!------ //공지사항 ------>
                
                <!------ 전문가 BEST4 ------>
				<div class="sec_best_master">
                    <span class="title"><img src="/Images/main/main_txt_title_master4.gif" alt="전문가 BEST4" /></span>
                    <a class="more_btn" href="#"><img src="/Images/main/main_btn_more.gif" alt="더보기" /></a>
                    <ul>
                    <li>
                        <p class="pic hdiv"><a href="#"><img src="/Images/main/main_img_masterpic.jpg" alt="" /></a></p>
                        <div class="hdiv txt">
                            <a href="#">
                                <p class="nickname util_text_break" max-width="120"><img src="/Images/main/main_ic_medal.png" alt="" />김수한무와거북이삼천갑자</p>
                                <div class="util_text_ellipsis multiline bodytxt">
                                    <p class="link">시간은 돈이다! 주식에서 가장 중요한 포인트만을 알려주는 어쩌구</p>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <p class="pic hdiv"><a href="#"><img src="/Images/main/main_img_masterpic.jpg" alt="" /></a></p>
                        <div class="hdiv txt">
                            <a href="#">
                                <p class="nickname util_text_break" max-width="120"><img src="/Images/main/main_ic_medal.png" alt="" />김수한무와거북이삼천갑자</p>
                                <div class="util_text_ellipsis multiline bodytxt">
                                    <p class="link">시간은 돈이다! 주식에akdsflkdsjfldsjfldjflsdkfjldkfjdsljsl</p>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <p class="pic hdiv"><a href="#"><img src="/Images/main/main_img_masterpic.jpg" alt="" /></a></p>
                        <div class="hdiv txt">
                            <a href="#">
                                <p class="nickname util_text_break" max-width="120"><img src="/Images/main/main_ic_medal.png" alt="" />김지식인</p>
                                <div class="util_text_ellipsis multiline bodytxt">
                                    <p class="link">시간은 돈이다! 주식에서 가장 중요한 포인트만을 알려주는 어쩌구</p>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li style="margin: 0px">
                        <p class="pic hdiv"><a href="#"><img src="/Images/main/main_img_masterpic.jpg" alt="" /></a></p>
                        <div class="hdiv txt">
                            <a href="#">
                                <p class="nickname util_text_break" max-width="120"><img src="/Images/main/main_ic_medal.png" alt="" />김지식인</p>
                                <div class="util_text_ellipsis multiline bodytxt">
                                    <p class="link">시간은 돈이다! 주식에서 가장 중요한 포인트만을 알려주는 어쩌구</p>
                                </div>
                            </a>
                        </div>
                    </li>
                    </ul>
                </div>
                <!------ //전문가 BEST4 ------>
                
            </div>
            
			<div class="sec_right"> 
			
			    <!------ 수익률 BEST3 ------>   
                <div class="sec_best_earnings">
                    <img class="title" src="/Images/main/main_txt_best3.jpg" alt="지난달 수익률 BEST3" />
                    <ul>
                        <li>
                        	<img style="vertical-align: bottom" src="/Images/main/main_ic_best_num1.png" alt="1" />
                        	<div class="hdiv txt mouseover"> <!-- ★ MouseOver할 경우 클래스(mouseover) 적용 ★ -->
                        		<p class="info01">
                        		    <img src="/Images/board/best_txt_rate.png" alt="달성수익률" />&nbsp;
									<img src="/Images/number/best_num_rate_7.png" alt="" /><img src="/Images/number/best_num_rate_7.png" alt="" /><img src="/Images/number/best_unit_rate.png" alt="&" />
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <img src="/Images/board/best_txt_period.png" alt="목표기간" />&nbsp;
                                    <img src="/Images/number/best_num_period_2.png" alt="" /><img src="/Images/number/best_num_period_2.png" alt="" /><img src="/Images/number/best_unit_period.png" alt="&" />
                        		</p>
                        		<p class="info02 util_text_break" max-width="410">
                                    종목: <strong>삼성전자</strong>&nbsp;&nbsp;&nbsp;
                                    전문가: <strong>the_king32</strong>&nbsp;&nbsp;&nbsp;
                                    내용: 내 인생을 바꿀 대박종목! 1주일동안 dfdsfdsfdfdasfdssssssssssssss
                                </p>
                        	</div>
                        </li>
                        <li>
                        	<img style="vertical-align: bottom" src="/Images/main/main_ic_best_num2.png" alt="2" />
                        	<div class="hdiv txt">
                        		<p class="info01">
                        		    <img src="/Images/board/best_txt_rate.png" alt="달성수익률" />&nbsp;
									<img src="/Images/number/best_num_rate_7.png" alt="" /><img src="/Images/number/best_num_rate_7.png" alt="" /><img src="/Images/number/best_unit_rate.png" alt="&" />
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <img src="/Images/board/best_txt_period.png" alt="목표기간" />&nbsp;
                                    <img src="/Images/number/best_num_period_2.png" alt="" /><img src="/Images/number/best_num_period_2.png" alt="" /><img src="/Images/number/best_unit_period.png" alt="&" />
                        		</p>
                        		<p class="info02 util_text_break" max-width="410">
                                    종목: <strong>삼성전자</strong>&nbsp;&nbsp;&nbsp;
                                    전문가: <strong>the_king32</strong>&nbsp;&nbsp;&nbsp;
                                    내용: 내 인생을 바꿀 대박종목! 1주일동안 dfdsfdsfdfdasfdssssssssssssss 
                                </p>
                        	</div>
                        </li>
                        <li>
                        	<img style="vertical-align: bottom" src="/Images/main/main_ic_best_num3.png" alt="3" />
                        	<div class="hdiv txt">
                        		<p class="info01">
                        		    <img src="/Images/board/best_txt_rate.png" alt="달성수익률" />&nbsp;
									<img src="/Images/number/best_num_rate_7.png" alt="" /><img src="/Images/number/best_num_rate_7.png" alt="" /><img src="/Images/number/best_unit_rate.png" alt="&" />
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <img src="/Images/board/best_txt_period.png" alt="목표기간" />&nbsp;
                                    <img src="/Images/number/best_num_period_2.png" alt="" /><img src="/Images/number/best_num_period_2.png" alt="" /><img src="/Images/number/best_unit_period.png" alt="&" />
                        		</p>
                        		<p class="info02 util_text_break" max-width="410">
                                    종목: <strong>삼성전자</strong>&nbsp;&nbsp;&nbsp;
                                    전문가: <strong>the_king32</strong>&nbsp;&nbsp;&nbsp;
                                    내용: 내 인생을 바꿀 대박종목! 1주일동안 dfdsfdsfdfdasfdssssssssssssss
                                </p>
                        	</div>
                        </li>
                    </ul>
                </div>
                <!------ //수익률 BEST3 ------>
                
                <!------ 종목 리스트 ------>
                <div class="sec_list_events">
                    <div class="tab">
                        <a class="btn" style="top: 0px; left: 0px; z-index: 1000;" href="#"><img src="/Images/main/main_tab_01_sel.png" alt="추천종목" /></a>
                        <a class="btn" style="top: 0px; left: 103px; z-index: 999;" href="#"><img src="/Images/main/main_tab_02_nor.png" alt="기간우선 종목" /></a>
                        <a class="btn" style="top: 0px; left: 206px; z-index: 998;" href="#"><img src="/Images/main/main_tab_03_nor.png" alt="수익률 우선 종목" /></a>
                        <p class="txt_right"><a class="more_btn" href="#"><img style="padding-right: 5px" src="/Images/main/main_txt_more.gif" alt="더보기" /><img src="/Images/main/main_btn_more.gif" alt="더보기" /></a></p>
                    </div>
                    <div class="tb_wrap">
                        <table class="tb_list_events" cellpadding="0" cellspacing="0">
                        <caption></caption>
                            <colgroup>
                                <col width="88px">
                                <col width="88px">
                                <col width="399px">
                                <col width="87px">
                                <col width="94px">
                            </colgroup>
                            <thead>
                            <tr>
                                <th><img src="/Images/main/list_th_rate.gif" alt="목표수익률" /></th>
                                <th><img src="/Images/main/list_th_period.gif" alt="목표기간" /></th>
                                <th><img src="/Images/main/list_th_contents.gif" alt="전문가 / 추천내용" /></th>
                                <th><img src="/Images/main/list_th_date.gif" alt="등록일" /></th>
                                <th><img src="/Images/main/list_th_expirydate.gif" alt="종료시간" /></th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td class="rate">
									<span class="number"><img src="/Images/number/list_num_rate_0.png" alt="" /><img src="/Images/number/list_num_rate_1.png" alt="" /></span><span class="unit"></span>
								</td>
                                <td class="period">
                                	<span class="number"><img src="/Images/number/list_num_period_0.png" alt="" /><img src="/Images/number/list_num_period_1.png" alt="" /></span><span class="unit"></span>
								</td>
                                <td class="contents">
                                	<p class="nick">주식왕</p>
                                    <div class="txt"><div class="hdiv util_text_break" max-width="330">Everyday & night I'm so mean cuz I'm so real so I'm sorry (but I can't change)</div>[1300]</div>
                                </td>
                                <td class="date">2012-12-12</td>
                                <td class="expirydate">
                                	<div class="ic day">
										<img src="/Images/number/list_expirydate_unit_day.gif" alt="D-" />
										<img src="/Images/number/list_num_expirydate_2.png" alt="" />
									</div>
								</td>
                            </tr>
                            <tr class="mouseover"> <!-- ★ tr에 마우스오버할 경우 클래스(mouseover) 적용 ★ -->
                                <td class="rate">
									<span class="number"><img src="/Images/number/list_num_rate_2.png" alt="" /><img src="/Images/number/list_num_rate_3.png" alt="" /></span><span class="unit"></span>
								</td>
                                <td class="period">
                                	<span class="number"><img src="/Images/number/list_num_period_2.png" alt="" /><img src="/Images/number/list_num_period_3.png" alt="" /></span><span class="unit"></span>
								</td>
                                <td class="contents">
                                	<p class="nick">주식왕</p>
                                    <div class="txt"><div class="hdiv util_text_break" max-width="330">티끌모아 태산이라 했다. 매일 12% 수익 복리의 마술</div>[1300]</div>
								</td>
                                <td class="date">2012-12-12</td>
                                <td class="expirydate">
                                	<div class="ic hour">
										<img src="/Images/number/list_num_expirydate_2.png" alt="" />
										<img src="/Images/number/list_expirydate_unit_hour.gif" alt="시간" />
									</div>	
								</td>
                            </tr>
                            <tr>
                                <td class="rate">
									<span class="number"><img src="/Images/number/list_num_rate_4.png" alt="" /><img src="/Images/number/list_num_rate_5.png" alt="" /></span><span class="unit"></span>
								</td>
                                <td class="period">
                                	<span class="number"><img src="/Images/number/list_num_period_4.png" alt="" /><img src="/Images/number/list_num_period_5.png" alt="" /></span><span class="unit"></span>
								</td>
                                <td class="contents">
									<p class="nick">주식왕</p>
                                    <div class="txt"><div class="hdiv util_text_break" max-width="330">티끌모아 태산이라 했다. 매일 12% 수익 복리의 마술을 매일 12% 수익 복리의 마술을 체</div>[1300]</div>
								</td>
                                <td class="date">2012-12-12</td>
                                <td class="expirydate">
                                	<div class="ic hour">
										<img src="/Images/number/list_num_expirydate_2.png" alt="" /><img src="/Images/number/list_num_expirydate_2.png" alt="" />
										<img src="/Images/number/list_expirydate_unit_hour.gif" alt="시간" />
									</div>	
								</td>
                            </tr>
                            <tr>
                                <td class="rate">
									<span class="number"><img src="/Images/number/list_num_rate_6.png" alt="" /><img src="/Images/number/list_num_rate_7.png" alt="" /></span><span class="unit"></span>
								</td>
                                <td class="period">
                                	<span class="number"><img src="/Images/number/list_num_period_6.png" alt="" /><img src="/Images/number/list_num_period_7.png" alt="" /></span><span class="unit"></span>
								</td>
                                <td class="contents">
									<p class="nick">주식왕</p>
                                    <div class="txt"><div class="hdiv util_text_break" max-width="330">티끌모아 태산이라 했다. 매일 12% 수익 복리의 마술을 매일 12% 수익 복리의 마술을 체</div>[1300]</div>
								</td>
                                <td class="date">2012-12-12</td>
                                <td class="expirydate">
                                	<div class="ic subscript">
									</div>
								</td>
								</td>
                            </tr>
                            <tr class="last">
                                <td class="rate">
									<span class="number"><img src="/Images/number/list_num_rate_8.png" alt="" /><img src="/Images/number/list_num_rate_9.png" alt="" /></span><span class="unit"></span>
								</td>
                                <td class="period">
                                	<span class="number"><img src="/Images/number/list_num_period_8.png" alt="" /><img src="/Images/number/list_num_period_9.png" alt="" /></span><span class="unit"></span>
								</td>
                                <td class="contents">
									<p class="nick">주식왕</p>
                                    <div class="txt"><div class="hdiv util_text_break" max-width="330">티끌모아 태산이라 했다. 매일 12% 수익 복리의 마술을 매일 12% 수익 복리의 마술을 체</div>[1300]</div>
								</td>
                                <td class="date">2012-12-12</td>
                                <td class="expirydate">
                                	<div class="ic hold">
									</div>
								</td>
                            </tr>
                          </tbody>
                        </table>
                    </div>
                    <div class="tb_bg_bottom">
                    </div>
                </div>
                <!------ //종목 리스트 ------>
                
                <div class="sec_banner">
                    <a href="#"><img src="/Images/main/main_btn_banner.jpg" alt="" /></a>
                </div>
                
            </div>
        </div>
    </div>
    <!------------------------------------ //Center ------------------------------------>
</asp:Content>
